<script setup lang="ts">
import { Alarm, AddCircle } from "@vicons/ionicons5";

import { ref } from "vue";
const show = ref(false);

const handleDialog = () => (show.value = !show.value);
import { type SFormConfig } from "snoby-components";

const formConfig: SFormConfig[] = [];
</script>

<template>
  <sno-box direction="horizontal">
    <div style="width: 200px; height: 200px; background-color: #f6f6f6">
      <sno-icon color="red" :size="20">
        <Alarm></Alarm>
      </sno-icon>
    </div>
    <div style="width: 200px; height: 200px; background-color: #c5c5c5">
      <sno-icon color="green" :size="30">
        <AddCircle></AddCircle>
      </sno-icon>
    </div>
  </sno-box>

  <el-button @click="handleDialog">弹窗</el-button>
  <sno-dialog v-model="show" />

  <sno-box>
    <s-form :items="formItems" :config="formConfig" @submit="onSubmit">
      <template #customAddress>
        <el-input v-model="address" />
      </template>
    </s-form>
  </sno-box>
</template>
